<!-- templates/footer.html -->
<footer class="bg-gray-100 border-t border-gray-200 py-6 mt-8">
    <div class="container mx-auto px-4 max-w-6xl">
        <div class="flex flex-col md:flex-row justify-between items-center">
            <div class="mb-4 md:mb-0 text-center md:text-left">
                <p class="text-gray-600 text-sm">&copy; 2025 工时利用率计算工具. 保留所有权利.</p>
                <!-- 用于展示版本信息的元素 -->
                <p class="text-gray-500 text-xs mt-1" id="version"></p>
            </div>
            <div class="flex space-x-6">
                <a href="#" class="text-gray-500 hover:text-primary transition-colors duration-300">
                    <i class="fa fa-question-circle mr-1"></i>帮助中心
                </a>
                <a href="/termsOfUse" class="text-gray-500 hover:text-primary transition-colors duration-300">
                    <i class="fa fa-file-text-o mr-1"></i>条款声明
                </a>
                <a href="https://gitee.com/to-DiTing/utilizationof-man-hours" class="text-gray-500 hover:text-primary transition-colors duration-300">
                    <i class="fa fa-shield mr-1"></i>项目开源
                </a>
                <a href="/feedbackPage" class="text-gray-500 hover:text-primary transition-colors duration-300">
                    <i class="fa fa-commenting-o mr-1"></i>用户反馈
                </a>
            </div>
        </div>
    </div>
</footer>

<!-- 使用Fetch API获取version_info -->
<script>

    //调用base接口
    function getBase() {
        // 调用后端/base接口
        fetch('/base')
        // 第一步：处理响应状态（检查是否请求成功）
        .then(response => {
            if (!response.ok) {
                // 如果HTTP状态码不是200-299，抛出错误
                throw new Error(`请求失败，状态码: ${response.status}`);
            }
            // 将响应解析为JSON格式
            return response.json();
        })
        // 第二步：处理解析后的JSON数据
        .then(data => {
            // 提取version_info，设置默认值以防为空
            // 将版本信息显示到页面
            document.getElementById('version').textContent = data.version_info || '未知版本';
        })
        // 捕获所有可能的错误（网络错误、解析错误等）
        .catch(error => {
            console.error('获取版本信息失败:', error);
            document.getElementById('version').textContent = '版本信息加载失败';
        });
    }

    // 等待页面DOM完全加载
    document.addEventListener('DOMContentLoaded', () => {
        // 调用base接口函数
        getBase();
    });
</script>
